<!DOCTYPE html>
<html lang="en" ng-app="newMissionApp">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/example.css',_external=True) }}"/>
    <script src="{{ url_for('static',filename='js/jquery.js',_external=True) }}"></script>
    <!-- <script src="{{ url_for('static',filename='js/angular.js',_external=True) }}"></script> -->
    <!-- <script src="{{ url_for('static',filename='js/angular-route.js',_external=True) }}"></script> -->
    <!-- <script src="{{ url_for('static',filename='js/angular-animate.js',_external=True) }}"></script> -->
    <!-- <script src="{{ url_for('static',filename='js/toast.js',_external=True) }}"></script> -->
    <!-- <script src="{{ url_for('static',filename='js/app.js',_external=True) }}"></script> -->

    <!-- <script src="{{ url_for('static',filename='js/router.min.js',_external=True) }}"></script> -->
    <!-- <script src="{{ url_for('static',filename='js/example.js',_external=True) }}"></script> -->
    <title>新任务</title>



</head>
<body>
<!-- <div ng-if="homeShow"> -->

<!-- 表单头 -->
<form method="POST">
<!-- 个人信息 -->
<input type="hidden" name="publisher" value="{{ openid }}">
<!-- 当前流程 -->
<div style="text-align: center;margin-top: 20px;">
  <button class="weui_btn weui_btn_mini weui_btn_primary" disabled="disabled">发布</button>
  <button class="weui_btn weui_btn_mini weui_btn_default" disabled="disabled">审核</button>
  <button class="weui_btn weui_btn_mini weui_btn_default" disabled="disabled">竞标</button>
  <button class="weui_btn weui_btn_mini weui_btn_default" disabled="disabled">工作</button>
  <button class="weui_btn weui_btn_mini weui_btn_default" disabled="disabled">评价</button>
</div>
<!-- 外围框 -->
<div class="bd">

    <!-- <div class="weui_cells_title"></div> -->
    <div class="weui_cells weui_cells_access">
<!--         <a class="weui_cell" href="#/mission_name" ng-click="showBlock()">
            <div class="weui_cell_bd weui_cell_primary">
                <p>任务名称</p>
            </div>
            <div class="weui_cell_ft"></div>
        </a> -->

        <div class="weui_cell">
            <div class="weui_cell_hd">
                <label class="weui_label">任务名称</label>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" placeholder="任务名称" name="mission_name" />
            </div>
        </div>
        
        <div class="weui_cell weui_cell_select weui_select_after">
            <div class="weui_cell_hd">
                <label for="" class="weui_label">任务类型</label>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <select class="weui_select" name="mission_type">
                    <option value="IT">IT类</option>
                    <option value="Other">非IT类</option>
                </select>
            </div>
        </div>
    </div>



 <!--        <div class="weui_cells_title">表单</div>
        <div class="weui_cells weui_cells_form">
            <div class="weui_cell">
                <div class="weui_cell_hd">
                    <label class="weui_label">qq</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="number" pattern="[0-9]*" placeholder="请输入qq号" />
                </div>
            </div>
            <div class="weui_cell weui_vcode">
                <div class="weui_cell_hd">
                    <label class="weui_label">验证码</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="number" placeholder="请输入验证码" />
                </div>
                <div class="weui_cell_ft">
                    <img src="./images/vcode.jpg" />
                </div>
            </div>
            <div class="weui_cell">
                <div class="weui_cell_hd">
                    <label class="weui_label">银行卡</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="number" pattern="[0-9]*" placeholder="请输入银行卡号" />
                </div>
            </div>
            <div class="weui_cell weui_vcode weui_cell_warn">
                <div class="weui_cell_hd">
                    <label class="weui_label">验证码</label>
                </div>
                <div class="weui_cell_bd weui_cell_primary">
                    <input class="weui_input" type="number" placeholder="请输入验证码" />
                </div>
                <div class="weui_cell_ft">
                    <i class="weui_icon_warn"></i>
                    <img src="./images/vcode.jpg" />
                </div>
            </div>
        </div> -->




    <div class="weui_cells_title">任务描述</div>
    <div class="weui_cells weui_cells_form">
        <div class="weui_cell">
            <div class="weui_cell_bd weui_cell_primary">
                <textarea class="weui_textarea" placeholder="请输入对该任务的细节描述" name="description" rows="10"></textarea>
                <!-- <div class="weui_textarea_counter"><span>0</span>/200</div> -->
            </div>
        </div>
    </div>

    <div class="weui_cells_title">技能需求</div>
    <div class="weui_cells weui_cells_checkbox">
        <label class="weui_cell weui_check_label" for="s11">
            <div class="weui_cell_hd">
                <input type="checkbox" class="weui_check" name="skill_need" id="s11" checked="checked" value="network">
                <i class="weui_icon_checked"></i>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>网络设备</p>
            </div>
        </label>
        <label class="weui_cell weui_check_label" for="s12">
            <div class="weui_cell_hd">
                <input type="checkbox" name="skill_need" class="weui_check" id="s12" value="server">
                <i class="weui_icon_checked"></i>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>硬件服务器</p>
            </div>
        </label>
        <label class="weui_cell weui_check_label" for="s13">
            <div class="weui_cell_hd">
                <input type="checkbox" name="skill_need" class="weui_check" id="s13" value="os">
                <i class="weui_icon_checked"></i>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>操作系统</p>
            </div>
        </label>
        <label class="weui_cell weui_check_label" for="s14">
            <div class="weui_cell_hd">
                <input type="checkbox" name="skill_need" class="weui_check" id="s14" value="database">
                <i class="weui_icon_checked"></i>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>数据库</p>
            </div>
        </label>
        <label class="weui_cell weui_check_label" for="s15">
            <div class="weui_cell_hd">
                <input type="checkbox" name="skill_need" class="weui_check" id="s15" value="virtual">
                <i class="weui_icon_checked"></i>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <p>虚拟化</p>
            </div>
        </label>
    </div>

    <div class="weui_cells_tips">系统将根据技能需求类型推荐给相关的工程师</div>


    <div class="weui_cells_title">选填</div>
    <div class="weui_cells weui_cells_access">
<!--         <a class="weui_cell" href="javascript:;">
            <div class="weui_cell_bd weui_cell_primary">
                <p>悬赏金额</p>
            </div>
            <div class="weui_cell_ft">
            </div>
        </a> -->

        <div class="weui_cell">
            <div class="weui_cell_hd">
                <label class="weui_label">悬赏金额</label>
            </div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" type="number" pattern="[0-9]*" name="bounty" placeholder="人民币" />
            </div>
        </div>


        <div class="weui_cell">
            <div class="weui_cell_hd"><label for="" class="weui_label">截止日期</label></div>
            <div class="weui_cell_bd weui_cell_primary">
                <input class="weui_input" name="deadline" type="date" value="" placeholder=""/>
            </div>
        </div>
    </div>
    <div class="weui_cells_tips">悬赏金额不填写则进入竞标模式，截止日期如不填写则默认不限定任务完成日期</div>
    
    <!-- 确认对话框 -->
    <div class="weui_dialog_confirm" style="display: none;" id="dialog">
        <div class="weui_mask"></div>
        <div class="weui_dialog">
            <div class="weui_dialog_hd"><strong class="weui_dialog_title">确认提示</strong></div>
            <div class="weui_dialog_bd">确认提交当前信息么？</div>
            <div class="weui_dialog_ft">
                <a href="javascript:hideDialog();" class="weui_btn_dialog default">取消</a>
                <a href="javascript:formsubmit();" class="weui_btn_dialog primary">确定</a>
            </div>
        </div>
    </div>


    <!-- 提交按钮 -->
    <div class="weui_btn_area">
        <a class="weui_btn weui_btn_primary" href="javascript:showDialog();" id="showTooltips">确认提交</a>
    </div>

</div>















<!-- <div class="view" ng-view ng-if="viewShow"></div> -->




<!-- 表单尾 -->
</form>
<script type="text/javascript">
  function showDialog(){
    $("#dialog").css("display","block");
  }
  function hideDialog(){
    $("#dialog").css("display","none");
  }
  function formsubmit(){
    $("form").submit();
  }
</script>


</body>
</html>